﻿@model WebToolService.UserModel

<script>
    function MyProfile_Click() {
        Track('IndexHead', 'MyProfile');
    }

    function LogOut_Click() {
        Track('IndexHead', 'LogOut');
        window.location.href = "@Url.Content("~/Account/Login")";
    }

    function brand_Click() {
        Track('IndexHead', 'brand');
    }
</script>
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="navbar-inner">
        <div class="container-fluid">
            <!-- BEGIN LOGO -->
            <a class="brand" href="javascript:brand_Click();">
                <img src="@Url.Content("~/Content/assets/img/logo.png")" alt="logo" />
            </a>
            <!-- END LOGO -->
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                <img src="@Url.Content("~/Content/assets/img/menu-toggler.png")" alt="" />
            </a>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <!-- BEGIN TOP NAVIGATION MENU -->
            <ul class="nav pull-right">
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <li class="dropdown user"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <img alt="" src="@Url.Content("~/Content/assets/img/avatar1_small.jpg")" />
                    <span class="username">@Model.Get(x=>x.UserName)</span> <i class="icon-angle-down"></i></a>
                    <ul class="dropdown-menu">
                        <li><a href="javascript:MyProfile_Click();"><i class="icon-user"></i>@UIResource.MyProfile</a></li>
                        <li class="divider"></li>
                        <li><a href="javascript:LogOut_Click();"><i class="icon-key"></i>@UIResource.LogOut</a></li>
                    </ul>
                </li>
                <!-- END USER LOGIN DROPDOWN -->
            </ul>
            <!-- END TOP NAVIGATION MENU -->
        </div>
    </div>
    <!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
